<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
<style type="text/css">

#container{
	width:1200px;
	
	margin:auto;/*센터로 정렬시킨다*/
}
#head{
	padding: 5px;
	height: 50px;
	
	

}
#header{
	padding: 5px;
	
	  /*border를 1px씩 주게 되면 width가 딱맞게 만들 경우 선때문에 outer공간이 모자라 모양이 깨진다.*/
}
#left{
	padding: 1px;
	height:500px;
	width:200px;/*실제 크기는 padding을 포함한 크기로 잡힌다. 그래서 width가 200+좌우 5씩 10 잡힌다.*/
	float:left;
	
}
#content{
	padding: 5px;
	width:600px;/*height는 주지 않는다. 내용에 따라 늘어나도록 처리하기 위해*/
	float:left;/*경계선 때문에*/
}
#footer{
	padding-top:5px;
	
	clear:left;/*이것이 없으면 left, content 아래로 들어가 버린다.*/
	text-align:center;
	height:50px;
}
</style>
</head>
<body>
<div id="container" >
	
	<div id="header">
		<jsp:include page="/templates/header.jsp"/>
	</div>
	

	<div id="header">
		<jsp:include page="/templates/top_menu.jsp"/>
	</div>

	<div id="left" >
		<jsp:include page="/templates/left.jsp"/>
	</div>





	<div id="content" >
		
		
		
	</div>